<template>
  <div>
    <a-row :gutter="18">
      <a-col :xs="24" :sm="24" :md="12" :xl="12">
        <a-row :gutter="18">
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="本月货源数"
            >
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 15px;text-align: center;">1151</div>
                <div style="margin-top: 8px;margin-left: 5px;font-size: 14px;">
                  月均货源数：230
                  <div>上月货源数：600</div>
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="本月交易次数"
            >
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 15px;text-align: center;">1151</div>
                <div style="margin-top: 8px;margin-left: 5px;font-size: 14px;">
                  月均交易次数：230
                  <div>上月交易次数：600</div>
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="本月交易成功次数"
            >
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 15px;text-align: center;">1151</div>
                <div style="margin-top: 8px;margin-left: 5px;font-size: 14px;">
                  月均交易成功次数：230
                  <div>上月交易成功次数：600</div>
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="本月交易额"
            >
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 15px;text-align: center;">1151</div>
                <div style="margin-top: 8px;margin-left: 5px;font-size: 14px;">
                  月均交易额：230
                  <div>上月交易额：600</div>
                </div>
              </div>
            </a-card>
          </a-col>
        </a-row>
      </a-col>
      <a-col :xs="24" :sm="24" :md="12" :xl="12">
        <a-row :gutter="18">
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="待审评论">
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 25px;text-align: center;">
                  <!--（审核之后才可以显示，可多选审核）-->
                  156
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="待审帖子">
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 25px;text-align: center;">
                  <!--（审核之后才可以显示，可多选审核）-->
                  156
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="待审货物">
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 25px;text-align: center;">
                  <!--（审核之后才可以显示，可多选审核）-->
                  156
                </div>
              </div>
            </a-card>
          </a-col>
          <a-col :xs="12" :sm="12" :md="12" :xl="12" style="height: 180px;margin-bottom: 18px;">
            <a-card
              hoverable
              style="height: 100%;"
              title="认证管理">
              <div slot="cover">
                <div style="font-size: 36px;margin-top: 25px;text-align: center;">
                  <!--（审核之后才可以显示，可多选审核）-->
                  156
                </div>
              </div>
            </a-card>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <a-row :gutter="18">
      <a-col :xs="24" :sm="24" :md="24" :xl="24" style="height: auto;">
        <a-card
          style="height: auto;"
          title="正在交易"
        >
          <div slot="cover" style="height: auto;">
            <analysis-table></analysis-table>
          </div>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script>

  import ACol from 'ant-design-vue/es/grid/Col'
  import AnalysisTable from '@/views/dashboard/Analysis/AnalysisTable'
  import ARow from 'ant-design-vue/es/grid/Row'

  export default {
    name: 'Analysis',
    components: { ARow, ACol, AnalysisTable },
    data() {
      return {}
    },
    created() {
      setTimeout(() => {
        this.loading = !this.loading
      }, 1000)
    },
    methods: {}
  }
</script>

<style>
  ul, li {
    padding: 0;
    margin: 0;
    list-style: none
  }

</style>